<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
        crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <title>夏木禾 - 首页</title>

</head>

<body>
    <header>
        <nav class="navbar navbar-expand-md navbar-light bg-theme">
            <div class="container">
                <a class="navbar-brand d-none d-sm-block" href="#">
                    <img src="./img/logo.png" alt="夏木禾">
                </a>
                <button class="navbar-toggler bg-white" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse " id="navbarSupportedContent">
                    <ul class="navbar-nav nav-float">
                        <li class="nav-item active">
                            <a class="nav-link" href="index.html">首页 <span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="case.html">产品案例</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="about.html">关于我们</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

        <div id="headerCarousel" class="carousel slide" data-ride="carousel" data-interval="2000">
            <ol class="carousel-indicators">
                <li data-target="#headerCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#headerCarousel" data-slide-to="1"></li>
                <li data-target="#headerCarousel" data-slide-to="2"></li>
                <li data-target="#headerCarousel" data-slide-to="3"></li>
                <li data-target="#headerCarousel" data-slide-to="4"></li>
                <li data-target="#headerCarousel" data-slide-to="5"></li>
            </ol>
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img class="d-block slider" src="./img/1.jpg" alt="First slide">
                </div>
                <div class="carousel-item">
                    <img class="d-block slider" src="./img/2.jpg" alt="Second slide">
                </div>
                <div class="carousel-item">
                    <img class="d-block slider" src="./img/3.jpg" alt="Second slide">
                </div>
                <div class="carousel-item">
                    <img class="d-block slider" src="./img/4.jpg" alt="Second slide">
                </div>
                <div class="carousel-item">
                    <img class="d-block slider" src="./img/5.jpg" alt="Second slide">
                </div>
                <div class="carousel-item ">
                    <img class="d-block slider" src="./img/6.jpg" alt="Second slide">
                </div>
            </div>
        </div>

    </header>
    <section id="content">
        <section class="home-section home-about">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 d-none d-md-block">
                        <img style="width:100%" src="./img/home-about.png" alt="">
                    </div>
                    <div class="col-md-8">
                        <h1>夏木禾简介<small>政务智慧移动互联网服务</small></h1>
                        <div class="description">
                            <p>夏木禾是国内专业研发政务微信的专业移动互联网微应用的实施平台，现基于微信为广大党政部门提供开发、搭建、培训、推广等政务微信一体化解决方案服务。夏木禾团队专注于移动互联网微应用平台的创新与开发，在对接微信平台、移动平台开发等都有着相当好的用户体验。</p>
                            <p>夏木禾拥有一批资深的移动互联网无线技术研究人员，新研发的政务微信模板，涉及到全国各党政部门。使各党政部门在微信上的宣传、发布、事务跟进等流程更加简洁方便。</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="home-section home-service">
            <div class="container">
                <div class="top">
                    <h1 class="text-center">
                        <img src="./img/logo-2.png" alt="">
                    </h1>
                    <p class="description text-center">为您提供政务微信一站式解决方案，个性定制+标准化作业体系服务</p>
                </div>
                <div class="row icon-box text-center">
                    <!-- <div class="col-md-10 col-md-offset-1  icon-items"> -->
                    <div class="col-md-3 col-sm-4 col-6 item">
                        <p class="icon"><img src="./img/home-service-1.png" alt=""></p>
                        <h3>微党建</h3>
                    </div>
                    <div class="col-md-3 col-sm-4 col-6 item">
                        <p class="icon"><img src="./img/home-service-2.png" alt=""></p>
                        <h3>微矩阵</h3>
                    </div>
                    <div class="col-md-3 col-sm-4 col-6 item">
                        <p class="icon"><img src="./img/home-service-3.png" alt=""></p>
                        <h3>微政采</h3>
                    </div>
                    <div class="col-md-3 col-sm-4 col-6 item">
                        <p class="icon"><img src="./img/home-service-4.png" alt=""></p>
                        <h3>微环保</h3>
                    </div>
                    <div class="col-md-3 col-sm-4 col-6 item">
                        <p class="icon"><img src="./img/home-service-5.png" alt=""></p>
                        <h3>微教育</h3>
                    </div>
                    <div class="col-md-3 col-sm-4 col-6 item">
                        <p class="icon"><img src="./img/home-service-6.png" alt=""></p>
                        <h3>微交通</h3>
                    </div>
                    <div class="col-md-3 col-sm-4 col-6 item">
                        <p class="icon"><img src="./img/home-service-7.png" alt=""></p>
                        <h3>微举报</h3>
                    </div>
                    <div class="col-md-3 col-sm-4 col-6 item">
                        <p class="icon"><img src="./img/home-service-8.png" alt=""></p>
                        <h3>微审批</h3>
                    </div>
                    <!-- </div> -->
                </div>
            </div>
        </section>

        <section class="home-section home-case">
            <div class="container">
                <div class="top text-center mb-5">
                    <h1>部分案例</h1>
                    <p class="description">丰富的政务开发经验，让政务触手可及</p>
                </div>
                <div class="container">
                    <div id="xlCarouselControls" class="carousel slide" data-ride="carousel">
                        <div class="carousel-inner d-none d-xl-block">
                            <div class="carousel-item active text-center">
                                <img class="h-100" src="./img/home-case-1.png" alt="First slide">
                                <img class="h-100" src="./img/home-case-2.png" alt="First slide">
                                <img class="h-100" src="./img/home-case-3.png" alt="First slide">
                                <img class="h-100" src="./img/home-case-4.png" alt="First slide">
                            </div>
                            <div class="carousel-item text-center">
                                <img class="h-100" src="./img/home-case-5.png" alt="First slide">
                                <img class="h-100" src="./img/home-case-6.png" alt="First slide">
                                <img class="h-100" src="./img/home-case-7.png" alt="First slide">
                                <img class="h-100" src="./img/home-case-8.png" alt="First slide">
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#xlCarouselControls" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#xlCarouselControls" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div id="mdCarouselControls" class="carousel slide d-none d-md-block d-lg-none" data-ride="carousel">
                        <div class="carousel-inner">
                            <div class="carousel-item active text-center">
                                <img class="h-100" src="./img/home-case-1.png" alt="First slide">
                                <img class="h-100" src="./img/home-case-2.png" alt="First slide">
                            </div>
                            <div class="carousel-item text-center">
                                <img class="h-100" src="./img/home-case-3.png" alt="First slide">
                                <img class="h-100" src="./img/home-case-4.png" alt="First slide">
                            </div>
                            <div class="carousel-item text-center">
                                <img class="h-100" src="./img/home-case-5.png" alt="First slide">
                                <img class="h-100" src="./img/home-case-6.png" alt="First slide">
                            </div>
                            <div class="carousel-item text-center">
                                <img class="h-100" src="./img/home-case-7.png" alt="First slide">
                                <img class="h-100" src="./img/home-case-8.png" alt="First slide">
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#mdCarouselControls" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#mdCarouselControls" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div id="smCarouselControls" class="carousel slide  d-block d-sm-none" data-ride="carousel">
                        <div class="carousel-inner">
                            <div class="carousel-item active text-center">
                                <img class="h-100" src="./img/home-case-1.png" alt="First slide">
                            </div>
                            <div class="carousel-item text-center">
                                <img class="h-100" src="./img/home-case-2.png" alt="First slide">
                            </div>
                            <div class="carousel-item text-center">
                                <img class="h-100" src="./img/home-case-3.png" alt="First slide">
                            </div>
                            <div class="carousel-item text-center">
                                <img class="h-100" src="./img/home-case-4.png" alt="First slide">
                            </div>
                            <div class="carousel-item text-center">
                                <img class="h-100" src="./img/home-case-5.png" alt="First slide">
                            </div>
                            <div class="carousel-item text-center">
                                <img class="h-100" src="./img/home-case-6.png" alt="First slide">
                            </div>
                            <div class="carousel-item text-center">
                                <img class="h-100" src="./img/home-case-7.png" alt="First slide">
                            </div>
                            <div class="carousel-item text-center">
                                <img class="h-100" src="./img/home-case-8.png" alt="First slide">
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#smCarouselControls" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#smCarouselControls" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div id="lgCarouselControls" class="carousel slide d-none d-lg-block d-xl-none" data-ride="carousel">
                        <div class="carousel-inner">
                            <div class="carousel-item active text-center">
                                <img class="h-100" src="./img/home-case-1.png" alt="First slide">
                                <img class="h-100" src="./img/home-case-2.png" alt="First slide">
                                <img class="h-100" src="./img/home-case-3.png" alt="First slide">
                            </div>
                            <div class="carousel-item text-center">
                                <img class="h-100" src="./img/home-case-4.png" alt="First slide">
                                <img class="h-100" src="./img/home-case-5.png" alt="First slide">
                                <img class="h-100" src="./img/home-case-6.png" alt="First slide">
                            </div>
                            <div class="carousel-item text-center">
                                <img class="h-100" src="./img/home-case-7.png" alt="First slide">
                                <img class="h-100" src="./img/home-case-8.png" alt="First slide">
                            </div>
                        </div>
                        <a class="carousel-control-prev" href="#lgCarouselControls" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#lgCarouselControls" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div class="btn-box text-center mt-5">
                        <a href="case.html" class="btn bg-theme text-white">
                            <i class="icon"></i> 查看更多案例
                        </a>
                    </div>
                </div>
            </div>
        </section>
    </section>

    <footer class="footer">
        <div class="container">
            <div class="website">
                <div class="row">
                    <div class="col-md-3 d-none d-sm-block">
                        <img src="./img/logo.png" alt="">
                    </div>
                    <div class="col-md-7 offset-md-2 website-info">
                        <p><a href="index.html">夏木禾首页</a> 丨 <a href="case.html">产品案例</a> 丨 <a href="about.html">关于我们</a></p>
                        <p>地址：北京市海淀区海淀大街27号1-4层部分1-020</p>
                    </div>
                </div>
            </div>
            <div class="copyright text-center">
                <p>Copyright ©2018 www.xiamuhe.com. All Rights Reserved. 夏木禾（北京）文化传播有限公司 <a href="//www.miitbeian.gov.cn">京ICP备18037363号-1</a>
                </p>
            </div>
        </div>
    </footer>

    <script src="https://cdn.bootcss.com/lodash.js/4.17.11/lodash.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
    <script src="https://unpkg.com/popper.js/dist/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
        crossorigin="anonymous"></script>
    <script src="./main.js"></script>
</body>

</html>